<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title>订单管理</title>
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="./css/public.css?v=20181211" />
	<link rel="stylesheet" href="./css/order.css?v=20181211" />
	<script src='./js/jquery-3.2.1.min.js'></script>
	<script src="./js/mui.min.js"></script>
	<script src="./js/art-template.js"></script>
	<script src="./js/config.js?v=20181211"></script>
</head>

<body>
<header class="mui-bar mui-bar-nav header_change_color">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a></a>
	<h1 class="mui-title">订单管理</h1>
</header>

<div class='mui-content'  id="refreshContainer">
	<div id="slider" class="mui-slider mui-fullscreen">
		<!--固定选项卡-->
		<div id="segmentedControl" class='mui-slider-indicator  mui-segmented-control mui-segmented-control-inverted' style="background-color: white;">
			<a href="#item1" data="1" class='mui-control-item mui-active'>全部</a>
			<a href="#item1" data="2" class='mui-control-item'>待付款</a>
			<a href="#item1" data="3" class='mui-control-item'>待接单</a>
			<a href="#item1" data="4" class='mui-control-item'>配送中</a>
			<a href="#item1" data="5" class='mui-control-item'>已送达</a>
		</div>
		<!--下拉刷新和分页-->
		<!--商品列表-->
		<div id="item1" class="mui-control-content mui-active" style="border-bottom: none!important;">
			<div id="scroll" class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<li class="our_pad" id="fenye_list">
							<!--<div style="align-content: center">空空如也</div>-->
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/html" id="fenye_list_data">
	{{each data order}}
	<div class='cart-container all_type' style="background: #fff;margin-bottom: 0.5rem">
		<div style="padding:0.5rem" >
			<div class='cart-top'>
				<img src="./image/logo.png" alt="" width="25" height="25" class='cart-top-img'/>
				<span class='shop-name'></span>
				<span class='status-pay'>{{order.status_text}}</span>
			</div>
			{{each order.order_goods good}}
			<div class='good-contanier toDetail' data="{{order.id}}">
				<img src="http://www.qds.cn/uploads/goods/imgs/1/3_1.jpg?time=1530252912" max-width="65" height="65" class='goods-img' alt="" />
				<div class='good-detail'>{{good.goods_name}}</p>

				</div>
				<div class="goods-right" data-numbox-min='0' style="margin-top: .5rem;">
					<p class='price-red'>￥{{good.goods_price}}</p>
					<p style="font-size: 16px;color: gray;"> <span style="font-size: 12px;margin-left: 0.3rem;">X </span>{{good.goods_num}}</p>
				</div>
			</div>
			{{/each}}
			<p class='tatol-right'>共{{order.order_goods.length}}件商品，合计<span class='price-red'>￥{{order.order_amount}}</span></p>
			{{if order.dispatch === -1 && order.contact != undefined && order.contact != null && order.contact != ''}}
			<p style="border-top: 1px solid #f1f1f1;padding: 0.5rem 0.2rem 0 0.2rem;margin-bottom: 1.8rem;">
							<span data="{{order.contact}}"  class="reminder" id="reminder" style="display: inline-block;padding: 0.2rem 0.8rem;border: 2px solid #f1f1f1;float: right;">
								<a href="tel:{{order.contact}}">催单</a>
							</span>
			</p>
			{{/if}}
			{{if order.status == 10 && order.dispatch === 0 && order.type == 0}}
			<p style="border-top: 1px solid #f1f1f1;padding: 0.5rem 0.2rem 0 0.2rem;margin-bottom: 1.8rem;">
				<span style="display: inline-block;padding: 0.2rem 0.8rem;border: 2px solid #f1f1f1;float: right;">立即支付</span>
			</p>
			{{/if}}
		</div>
	</div>
	{{/each}}
</script>
<script src='js/commen.js?v=20181211'></script>
<script src='./js/order.js?v=20181211'></script>
</body>

</html>
